<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 解构数组  
            

            // 语法:   var [变量] = 数组 
            // 按照索引的顺序 依次给变量赋值
            
            // 多维数组  
            // 数组怎么写  解构就怎么写 
        // 对象  
            // var {key} = 对象 

             //   {}中的键 要跟 对象的键 一样

        // var arrs = [71,45,12,45,7,7,8,323];
        // // var num1 =arrs[0];
        // // var num2 =arrs[1];
        // // var num3 =arrs[2];
        // // var num4 =arrs[3];
        // // var num5 =arrs[4];
        // // var num6 =arrs[5];
        // // var num7 =arrs[6];
        // // var num8 =arrs[7];

        // var [num1,num2,num3,num4,num5,num6,num7,num8] = arrs;

        //    71   45       .. .                 323

        // var arrs = [1,2,[3,4,[5,6,[7,8,[9]]]]];
        // var [a,b,[c,d,[e,f,[g,h,[i]]]]] = arrs;

        // console.log(a,b,c,d,e,f,g,h,i)
            
        // var obj = {
        //     username:'张三',
        //     age:18
        // }
        // var name = obj.username;
        // var age = obj.age;

        // console.log(name,age);


        // var {username,age} = obj;

       

        // console.log(username,age);


        // with(obj){
        //     var name = username;
        //     var age  = age;
        // }

        // console.log(name,age)





        // 解构对象的时候 起别名   

        // var {key:别名,key:别名,key} = 对象

        //不想起别名 直接写key   


        var obj = {
            name:'张三',
            age:18,
            child:{
                name:'阿三',
                age:2,
                info:{
                    height:'50cm'
                },
                hobby:['吃饭','睡觉','打豆豆']
            }
        }

        var {
            name:a,
            age:b,
            child:{
                name:c,
                age:d,
                info:{
                    height:head
                },
                hobby:[e,f,g]
            }
        }=obj;

        console.log(a,b,c,d,e,f,g,head)

    </script>
</body>
</html>